<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 访问当前html页面地址是：http://locahost/admin/index.html -->
    <!-- src="./js/index.js" 这个资源在当前页面进行访问时，会自动变成 http://locahost/admin/（因为./代表URL中path的最后一个/） -->
    <script src="./js/index.js"></script>
</head>
<body>
    <script>
        // 绝对路径：path部分不会受到当前页面的路径影响
        // 当前页面：https://locahost:80/a/b/index.html
        // 1、 https://locahost:80/1.png（一个完整的URL）
        // 2、 //locahost:80/1.png =>>> https://locahost:80/1.png（协议会默认使用当前页面的协议）
        // 3、 /1.png =>>> https://locahost:80/1.png（会使用当前页面的协议、域名、端口） 

        // ********************************

        // 相对路径：path部分会受到当前页面的路径影响
        // 当前页面：https://locahost:80/a/b/index.html
        // 1、 ./1.png =>>> tps://locahost:80/a/b/1.png（./表示当前页面地址的最后一个位置的/，也就是取/a/b/）
        // 2、 1.png =>>> tps://locahost:80/a/b/1.png（./会默认添加，和第一个情况一样）
        // 3、 ../1.png =>>> tps://locahost:80/a/1.png（../表示当前页面地址倒数第二个位置的/，也就是取/a/）
    </script>
</body>
</html>